<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./fangxie.css">
    <link rel="stylesheet" href="../Ant Design/iconfont.css">
    <link rel="stylesheet" href="./lunbotu.css">
</head>
<body>
    <div class="header">
        <ul class="left">
            <li>力扣</li>
            <li><a href="#">学习</a></li>
            <li><a href="#">题库</a></li>
            <li><a href="#">竞赛</a></li>
            <li><a href="#">讨论</a></li>
            <li><a href="#">求职</a></li>
            <li><a href="#">商店<span>⬇</span></a></li>
            <li><a href="#">LCCUP'23</a></li>
        </ul>
        <div class="right">
            <div class="plus">Plus会员</div>
            <div class="mianshi">力扣面试</div>
            <ul>
                <li class="iconfont icon-mobile-fill"></li>
                <li class="iconfont icon-message"></li>
                <li class="iconfont icon-fire"></li>
                <li class="iconfont icon-user"></li>
            </ul>
        </div>
    </div>

    <div class="content">
        <div class="left">
            <div class="hot">
                <div class="one">
                    <div class="top">新学习计划｜助力春季编程赛 <span>热议中</span></div>
                    <div class="middle">📢📢📢 还在为如何在开始编程而感到困扰和困惑？自己制定学习计划进度难以掌控？还时常游离在各个...</div>
                    <div class="bottom"> 416 用户正在围观 <a href="#">进入讨论区》</a></div>
                </div>
                <div class="two">
                    <div class="top">迎「面」而上，「职」赢未来 | 面试 <span>热议中</span></div>
                    <div class="middle">点击标签栏里的 「暖春 Offer 计划」 标签或点击头图，可以进入完整专栏 还记得咱们上期提到的面试...</div>
                    <div class="bottom"> 861 用户正在围观 <a href="#">进入讨论区》</a></div>
                </div>
            </div>
            <div class="form">

            </div>
        </div>
        <div class="right">
            <div class="search iconfont icon-search">
                <input type="text" placeholder="搜索">
            </div>
            <div class="lunbotu">
                <ul class="list">
                    <li><img src="../image/1670420272-qsLlOA-20221207-213655.webp" alt=""></li>
                    <li><img src="../image/1680174411-vFvGdY-题库.webp" alt=""></li>
                    <li><img src="../image/1680771278-vBHIqd-题库 (2).webp" alt=""></li>
                    <li><img src="../image/1680772196-GscQDu-题库.webp" alt=""></li>
                    <li><img src="../image/1670420272-qsLlOA-20221207-213655.webp" alt=""></li>
                </ul>
                <div class="ico">
                    <ul>
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script src="./lunbotu.js"></script>
    <script src="./fangxie.js"></script>
</body>
</html>